<template>
  <div>
      <h3>我是一个子组件</h3>
      <br>
      <div>得到的父数据{{username}}</div>
      <br>
      <button @click="setName">修改一下姓名</button>
  </div>
</template>

<script>
  export default {
    props:{
       username:{
            //首字母类型大写
        type:String,
        //默认值
        default:'暂无'
       }
    },
    methods:{
        setName(){
            //你使用了sync则一定要以update 
            this.$emit('update:username',Date.now() + '')
        }
    }
  }
</script>

<style lang="scss" scoped>

</style>